body {
    /* 加载背景图 */
    background-image: url(https://imgcdn.renqidaren.com/20180801/5b612cffe4794.jpg);

    /* 背景图垂直、水平均居中 */
    background-position: center center;

    /* 背景图不平铺 */
    background-repeat: no-repeat;

    /* 当内容高度大于图片高度时，背景图像的位置相对于viewport固定 */
    background-attachment: fixed;

    /* 让背景图基于容器大小伸缩 */
    background-size: cover;

    /* 设置背景颜色，背景图加载过程中会显示背景色 */
    background-color: #464646;
}
.content{
    background: #fff;
    width: 996px;
    margin: 100px auto;
    padding: 50px;
    box-sizing: border-box;
    box-shadow: 0 0 35px #969696;
    border-radius: 20px;
    display: flex;
}
.content_flex{
    flex: 1;
}
.reg_logo img{
    float: left;
    border-right: 1px solid #238DCB;
    padding-right: 20px;
}
.reg_logo h2{
    font-size: 26px;
    color: #228dcb;
    margin-left: 220px;
    line-height: 50px;
}
.reg_inputs{
    margin-top: 30px;
}
.reg_inputs li{
    border:1px solid #ccc;
    width: 360px;
    height: 44px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 20px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.reg_inputs li span{
    float: left;
    height: 44px;
    border-right: 1px solid #ccc;
    width: 40px;
    position: relative;
}
.reg_inputs li .reg_input{
    height: 44px;
    width: 300px;
    border:0;
    padding-left: 15px
}
.reg_inputs li input:focus{
    box-shadow:none;
    border-color: none;
}
.reg_inputs li span img{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
}
.reg_inputs li .right_reg{
    position: absolute;
    right: 0;
    top:0;
    height: 44px;
    width: 120px;
    z-index: 2;
}
.reg_inputs li .reg_code{
    height: 44px;
    border:0;
    width: 100%;
}
#invit_btn{
    width: 360px;
    background: #228dcb;
    margin-top: 40px;
    outline: none;
    border-radius: 10px;
    height: 44px;
    border:0;
    color:#fff;
    cursor: pointer;
}
#reg_right_img{
    margin-left: 30px;
}